{include file="public/meta" /}
<title>系统管理</title>
</head>
<body>
<!--_header 作为公共模版分离出去-->
{include file="public/header" /}
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
{include file="public/leftmenu" /}
<!--/_menu 作为公共模版分离出去-->
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> <a href="{:url('Index/index')}">首页</a> <span class="c-gray en">&gt;</span> 消息管理 <span class="c-gray en">&gt;</span> 消息列表<a id="btn-refresh" class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="text-c">
                <!--<form action="" method="get">-->
                <!--消息类型 :-->
                <!--<span class="select-box" style="width: 100px;">-->
                    <!--<select class="select" size="1" name="type">-->
                        <!--<option value="" selected>请选择</option>-->
                        <!--<option  value="1">系统消息</option>-->
                        <!--<option  value="2">业务消息</option>-->
                    <!--</select>-->
                    <!--</span>-->
               <!--读取状态 :-->
                <!--<span class="select-box" style="width: 100px;">-->
                    <!--<select class="select" size="1" name="is_read">-->
                        <!--<option value="" selected>请选择</option>-->
                        <!--<option  value="0">未读</option>-->
                        <!--<option  value="1">已读</option>-->
                    <!--</select>-->
                    <!--</span>-->
                <!--日期范围：-->
                <!--<input type="text" id="inpstart" name="begintimes" placeholder="开始日期" readonly class="input-text" style="width:100px" value="" />-->
                <!--<input type="text" id="inpend" name="endtimes" placeholder="结束日期" readonly class="input-text" style="width:100px"  value="" />-->
                <!--标题 : <input type="text" class="input-text" style="width:200px" placeholder="标题" name="title">-->
                <!--<button type="submit" class="btn btn-success radius"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>-->
                <!--</form>-->
            </div>
            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="l" style="margin-right:20px; "> <a href="javascript:;" onclick="message_add('添加消息','messageadd.html','','510')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加消息</a></span>
                <span class="l"> <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a></span>
            </div>
            <div class="mt-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="25"><input type="checkbox" id="check" value=""></th>
                        <th width="50">ID</th>
                        <th width="200">标题</th>
                        <th width="100">消息接收者</th>
                        <th width="60">分类</th>
                        <th width="40">排序数字</th>
                        <th width="130">添加时间</th>
                        <th width="70">消息读取状态</th>
                        <th width="100">操作</th>
                    </tr>
                    </thead>
                    {volist name="messageList" id="val"}
                    <tbody>
                    <tr class="text-c">
                        <td><input type="checkbox" value="{$val['id']}" name="listCheck"></td>
                        <td>{$val['id']}</td>
                        <td>{$val['title']}</td>
                        <td>{$val['user_name']}</td>
                        <td>{if condition="$val['type'] eq 1"}系统消息{elseif condition="$val['type'] eq 2"}业务消息{/if}</td>
                        <td>{$val['sort']}</td>
                        <td>{$val['add_time']}</td>
                        <td>{if condition="$val['is_read'] eq 0"}未读{else}已读{/if}</td>
                        <td class="td-manage">
                            <a title="删除" href="javascript:;" onclick="message_del(this,'{$val['id']}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                        </td>
                    </tr>
                    </tbody>
                    {/volist}
                </table>
                <div class="bjwl_paginate">
                    {$messageList->render()}
                </div>
            </div>
        </article>
    </div>
</section>

<!--_footer 作为公共模版分离出去-->
{include file="public/footer" /}
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__LIB__/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
   /* $(function(){
        $('.table-sort').dataTable({
            "aaSorting": [[ 1, "desc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[0,8]}// 制定列不参与排序
            ]
        });

        $('.table-sort tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selected') ) {
                $(this).removeClass('selected');
            }
            else {
                $('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });
    });*/
    /*添加*/
    function message_add(title,url,w,h){
        layer_show(title,url,w,h);
    }
    /*编辑*/
    function message_edit(title,url,id,w,h){
        layer_show_id(title,url,id,w,h);
    }

    /*删除*/
    function message_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            var messageId=id;
            $.ajax({
                url:"{:url('System/MessageDel')}",
                type:'post',
                data:{
                    'id':messageId
                },
                dataType:'json',
                success:function(data){
                    if(data.code==0)
                    {
                        $(obj).parents("tr").remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
    function datadel(){
        var str='';
        $("[name=listCheck]:checkbox:checked").each(function(){
            str+=$(this).val()+",";
        });
        if(str.length<2)
        {
            layer.msg('请选择要删除的选项',{icon:5,time:1000});
            return false;
        }
        str=str.substr(0,str.length-1);
        $.ajax({
            url:"{:url('System/messageDeletes')}",
            async:false,
            type:"post",
            data:{
                'ids':str
            },
            dataType:'json',
            timeout:2000,
            success:function(data){
                if(data.code==0)
                {
                    layer.msg(data.msg,{icon:6,time:1000});
                    window.location.reload();
                }
                else{
                    layer.msg(data.msg,{icon:5,time:1000});
                    window.location.reload();
                }
            },
            error:function(data){
                layer.msg('系统错误',{icon:5,time:1000});
            }
        });
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>